/* ------------------------------------------------flex */
.flex-column {
	flex-direction: column;
}

.flex-column-reverse {
	flex-direction: column-reverse;
}

.flex-row {
	flex-direction: row;
}

.flex-row-reverse {
	flex-direction: row-reverse;
}

.flex-nowrap {
	flex-wrap: nowrap;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-wrap-reverse {
	flex-wrap: wrap-reverse;
}

.justify-center {
	justify-content: center;
}

.justify-space-between {
	justify-content: space-between;
}

.justify-space-around {
	justify-content: space-around;
}

.justify-flex-start {
	justify-content: flex-start;
}

.justify-flex-end {
	justify-content: flex-end;
}

.align-center {
	align-items: center;
}

.align-stretch {
	align-items: stretch;
}

.align-flex-start {
	align-items: flex-start;
}

.align-flex-end {
	align-items: flex-end;
}

.flex-1 {
	flex: 1
}

.flex-2 {
	flex: 2
}

.flex-3 {
	flex: 3
}

.flex-4 {
	flex: 4
}

/* ---------------------------------------宽高 */
.wh-w720 {
	width: 750rpx;
}

.wh-w375 {
	width: 375rpx;
}

.wh-w250 {
	width: 250rpx;
}

.wh-w500 {
	width: 500rpx;
}

.wh-h80 {
	height: 80rpx;
}

.wh-h130 {
	height: 130rpx;
}

.wh-15 {
	width: 15rpx;
	height: 15rpx;
}

.wh-20 {
	width: 20rpx;
	height: 20rpx;
}

.wh-25 {
	width: 25rpx;
	height: 25rpx;
}

.wh-30 {
	width: 30rpx;
	height: 30rpx;
}

.wh-33 {
	width: 33rpx;
	height: 33rpx;
}

.wh-35 {
	width: 35rpx;
	height: 35rpx;
}

.wh-40 {
	width: 40rpx;
	height: 40rpx;
}

.wh-45 {
	width: 45rpx;
	height: 45rpx;
}

.wh-50 {
	width: 50rpx;
	height: 50rpx;
}

.wh-55 {
	width: 55rpx;
	height: 55rpx;
}

.wh-60 {
	width: 60rpx;
	height: 60rpx;
}

.wh-65 {
	width: 65rpx;
	height: 65rpx;
}

.wh-70 {
	width: 70rpx;
	height: 70rpx;
}

.wh-80 {
	width: 80rpx;
	height: 80rpx;
}

.wh-85 {
	width: 85rpx;
	height: 85rpx;
}

.wh-90 {
	width: 90rpx;
	height: 90rpx;
}

.wh-95 {
	width: 95rpx;
	height: 95rpx;
}

.wh-100 {
	width: 100rpx;
	height: 100rpx;
}

.wh-110 {
	width: 110rpx;
	height: 110rpx;
}

.wh-h20 {
	height: 20rpx;
}

.wh-h60 {
	height: 60rpx;
}

.wh-h70 {
	height: 70rpx;
}

.wh-h110 {
	height: 110rpx;
}

.wh-120 {
	width: 120rpx;
	height: 120rpx;
}

.wh-130 {
	width: 130rpx;
	height: 130rpx;
}

.wh-140 {
	width: 140rpx;
	height: 140rpx;
}

.wh-150 {
	width: 150rpx;
	height: 150rpx;
}

.wh-170 {
	width: 170rpx;
	height: 170rpx;
}

.wh-250 {
	width: 250rpx;
	height: 250rpx;
}

.wh-300 {
	width: 280rpx;
	height: 280rpx;
}

.wh-120-60 {
	width: 120rpx;
	height: 60rpx;
}

.wh-130-60 {
	width: 130rpx;
	height: 60rpx;
}

.wh-700-80 {
	width: 700rpx;
	height: 80rpx;
}

.wh-700-85 {
	width: 700rpx;
	height: 85rpx;
}

.wh-70-350 {
	width: 350rpx;
	height: 70rpx;
}

.wh-70-450 {
	width: 450rpx;
	height: 70rpx;
}

.wh-70-400 {
	width: 400rpx;
	height: 70rpx;
}

.wh-50-450 {
	width: 450rpx;
	height: 50rpx;
}

.wh-80-500 {
	width: 500rpx;
	height: 80rpx;
}

.wh-50-250 {
	width: 250rpx;
	height: 50rpx;
}

.wh-80-450 {
	width: 450rpx;
	height: 80rpx;
}

.wh-80-550 {
	width: 550rpx;
	height: 80rpx;
}

.wh-80-550 {
	width: 550rpx;
	height: 80rpx;
}

.wh-80-120 {
	width: 120rpx;
	height: 80rpx;
}

.wh-60-200 {
	width: 200rpx;
	height: 60rpx;
}

.wh-80-650 {
	width: 650rpx;
	height: 80rpx;
}

.wh-85-600 {
	width: 600rpx;
	height: 85rpx;
}

.wh-85-650 {
	width: 650rpx;
	height: 85rpx;
}

.wh-80-200 {
	width: 200rpx;
	height: 80rpx;
}

.wh-70-200 {
	width: 200rpx;
	height: 70rpx;
}

.wh-200-400 {
	width: 200rpx;
	height: 400rpx;
	border-radius: 5rpx;
}

.wh-300-600 {
	width: 300rpx;
	height: 600rpx;
}

/* ----------------------------------------------------- padding*/
.pa-10 {
	padding: 10rpx;
}

.pa-15 {
	padding: 15rpx;
}

.pa-20 {
	padding: 20rpx;
}

.pa-23 {
	padding: 23rpx;
}

.pa-25 {
	padding: 25rpx;
}

.pa-30 {
	padding: 30rpx;
}

.pa-35 {
	padding: 35rpx;
}

.pa-40 {
	padding: 40rpx;
}

.pa-50 {
	padding: 50rpx;
}

.pa-0-10 {
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 10rpx;
	padding-left: 10rpx;
}

.pa-tb40 {
	padding-top: 40rpx;
	padding-bottom: 40rpx;
}

.pa-50-30-0-30 {
	padding-top: 50rpx;
	padding-bottom: 30rpx;
	padding-right: 30rpx;
	padding-left: 30rpx;
}

.pa-0-20 {
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 20rpx;
	padding-left: 20rpx;
}

.pa-40-0 {
	padding-top: 40rpx;
	padding-bottom: 40rpx;
	padding-right: 0;
	padding-left: 0;
}

.pa-20-0 {
	padding-top: 20rpx;
	padding-bottom: 20rpx;
	padding-right: 0;
	padding-left: 0;
}

.pa-30-0 {
	padding-top: 30rpx;
	padding-bottom: 30rpx;
	padding-right: 0;
	padding-left: 0;
}

.pa-0-30 {
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 30rpx;
	padding-left: 30rpx;
}

.pa-6-12 {
	padding-top: 6rpx;
	padding-bottom: 6rpx;
	padding-right: 12rpx;
	padding-left: 12rpx;
}

.pa-15-30 {
	padding-top: 15rpx;
	padding-bottom: 15rpx;
	padding-right: 30rpx;
	padding-left: 30rpx;
}

.pa-10-20 {
	padding-top: 10rpx;
	padding-bottom: 10rpx;
	padding-right: 20rpx;
	padding-left: 20rpx;
}

.pa-30-20 {
	padding-top: 30rpx;
	padding-bottom: 30rpx;
	padding-right: 20rpx;
	padding-left: 20rpx;
}

.pa-20-30 {
	padding-top: 20rpx;
	padding-bottom: 20rpx;
	padding-right: 30rpx;
	padding-left: 30rpx;
}

.pa-40-30 {
	padding-top: 40rpx;
	padding-bottom: 40rpx;
	padding-right: 30rpx;
	padding-left: 30rpx;
}

.pa-40-50 {
	padding-top: 40rpx;
	padding-bottom: 40rpx;
	padding-right: 50rpx;
	padding-left: 50rpx;
}

.pa-30-50 {
	padding-top: 30rpx;
	padding-bottom: 30rpx;
	padding-right: 50rpx;
	padding-left: 50rpx;
}

.pa-30-40 {
	padding-top: 30rpx;
	padding-bottom: 30rpx;
	padding-right: 40rpx;
	padding-left: 40rpx;
}

.pa-50-30 {
	padding-top: 50rpx;
	padding-bottom: 50rpx;
	padding-right: 30rpx;
	padding-left: 30rpx;
}

/* ----------------------------------------------------margin */
.mar-10 {
	margin: 10rpx;
}

.mar-10-20 {
	margin-top: 15rpx;
	margin-bottom: 15rpx;
	margin-left: 20rpx;
	margin-right: 20rpx;
}

.mar-20 {
	margin: 20rpx;
}

.mar-30 {
	margin: 30rpx;
}

.mar-40 {
	margin: 40rpx;
}

.mar-50 {
	margin: 50rpx;
}

.mar-r10-l10 {
	margin-left: 10rpx;
	margin-right: 10rpx;
}

.mar-tb0-20 {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 20rpx;
	margin-right: 20rpx;
}

.mar-t0-20 {
	margin-top: 0;
	margin-bottom: 20rpx;
	margin-left: 20rpx;
	margin-right: 20rpx;
}

.mar-b0-20 {
	margin-top: 20rpx;
	margin-bottom: 0;
	margin-left: 20rpx;
	margin-right: 20rpx;
}

.mar-l30 {
	margin-left: 30rpx;
}

.mar-l10 {
	margin-left: 10rpx;
}

.mar-l15 {
	margin-left: 15rpx;
}

.mar-l20 {
	margin-left: 20rpx;
}

.mar-l5 {
	margin-left: 5rpx;
}

.mar-r10 {
	margin-right: 10rpx;
}

.mar-r15 {
	margin-right: 15rpx;
}

.mar-r30 {
	margin-right: 30rpx;
}

.mar-t5 {
	margin-top: 5rpx;
}

.mar-t15 {
	margin-top: 15rpx;
}

.mar-t25 {
	margin-top: 25rpx;
}

.mar-t30 {
	margin-top: 30rpx;
}

.mar-t60 {
	margin-top: 60rpx;
}

.mar-t80 {
	margin-top: 80rpx;
}

.mar-b30 {
	margin-bottom: 30rpx;
}

.mar-t80 {
	margin-top: 80rpx;
}

.mar--t30 {
	margin-top: -30rpx;
}

.mar-t150 {
	margin-top: 150rpx;
}

.mar--t200 {
	margin-top: -200rpx;
}

.mar--t400 {
	margin-top: -400rpx;
}

.mar--t5 {
	margin-top: -5rpx;
}

/* -------------------------------------------字体大小 */
.fs-15 {
	font-size: 15rpx;
}

.fs-18 {
	font-size: 18rpx;
}

.fs-20 {
	font-size: 20rpx;
}

.fs-21 {
	font-size: 21rpx;
}

.fs-23 {
	font-size: 23rpx;
}

.fs-24 {
	font-size: 24rpx;
}

.fs-25 {
	font-size: 25rpx;
}

.fs-28 {
	font-size: 28rpx;
}

.fs-30 {
	font-size: 30rpx;
}

.fs-31 {
	font-size: 31rpx;
}

.fs-32 {
	font-size: 32rpx;
}

.fs-33 {
	font-size: 33rpx;
}

.fs-35 {
	font-size: 35rpx;
}

.fs-40 {
	font-size: 40rpx;
}

.fs-45 {
	font-size: 45rpx;
}

.fs-50 {
	font-size: 50rpx;
}

.fs-55 {
	font-size: 55rpx;
}

.fs-60 {
	font-size: 60rpx;
}

.fs-120 {
	font-size: 120rpx;
}

.f-w {
	font-weight: bold;
	color: #333333;
}

.f-w1 {
	font-weight: bold;
}

/* 行高 */
.line-h {
	line-height: 20;
}

.line-h1 {
	line-height: 50;
}

.text-overflow {
	text-overflow: ellipsis;
}

.lines-1 {
	lines: 1;
}

/* -----------------------------------------------------文字颜色 */
.fcolor-while {
	color: #FFFFFF;
}

.fcolor-black {
	color: #333333;
}

.fcolor-dark {
	color: #cccccc;
}

.fcolor-dark1 {
	color: #969696;
}

.fcolor-dark2 {
	color: #535353;
}

.fcolor-f1f1f1 {
	color: #f1f1f1;
}

.fcolor-blue {
	color: #5982FC;
}

.fcolor-blue1 {
	color: #23B0FF;
}

.fcolor-yellow {
	color: #FEE610;
}

.fcolor-green {
	color: #58CEB0;
}

.fcolor-red {
	color: #F91305;
}

.fcolor-yellow1 {
	color: #de8c17;
}

/* ------------------------------------------------------------背景颜色 */
.zcolor-yellow {
	background-color: #FEE610;
}

.zcolor-black {
	background-color: #000000;
}

.zcolor-yellow1 {
	background-color: #fffbe8;
}

.zcolor-while {
	background-color: #FFFFFF;
}

.zcolor-while1 {
	background-color: #F8F8F8;
}

.zcolor-red {
	background-color: #F91305;
}

.zcolor-green {
	background-color: #58CEB0;
}

.zcolor-black {
	background-color: #000000;
}

.zcolor-dark {
	background-color: #cccccc;
}

.zcolor-blue {
	background-color: #23B0FF;
}

.zcolor-bluew {
	background-color: #EBF4FF;
}

.zcolor-f1f1f1 {
	background-color: #F8F8F8;
}

/* 渐变 */
.gradient-red {
	background: linear-gradient(to bottom right, #F35B3A, #F80320);
}

.gradient-blue {
	background-image: linear-gradient(to bottom right, #23B0FF, #527FF8);
}

.gradient-blue1 {
	background-image: linear-gradient(to bottom right, #a1c4fd, #c2e9fb);
}

.gradient-blue1 {
	background-image: linear-gradient(to bottom right, #a1c4fd, #c2e9fb);
}

.gradient-black {
	background-image: linear-gradient(to bottom, #60615A, #21231E);
}

.gradient-yellow-while {
	background: linear-gradient(to bottom, #FEE610, #ffffff);
}

.gradient-while-yellow6 {
	background: linear-gradient(to bottom, #FFD835, #FEE610);
}

.gradient-yellow-while1 {
	background: linear-gradient(to bottom, #FEE610, #F3F5FA);
}

.gradient-yellow {
	background: linear-gradient(to bottom right, #FFF000, #FFD835);
}

.gradient-blue-while {
	background: linear-gradient(to bottom, #E9F9FC, #ffffff);
}

.gradient-red-while {
	background: linear-gradient(to bottom, #FA8282, #ffffff);
}

.gradient-while-red {
	background: linear-gradient(to bottom, #ffffff, #FA8282);
}

.gradient-yellow1-while {
	background: linear-gradient(to bottom, #FFD835, #F3F5FA);
}

.gradient-yellow2-while {
	background: linear-gradient(to bottom, #FBFBE8, #ffffff);
}

.gradient-yellow3-while {
	background: linear-gradient(to bottom right, #FBFBE8, #ffffff);
}

.gradient-while-blue {
	background: linear-gradient(to bottom, #ffffff, #CEE0FF);
}

.gradient-dack-while {
	background: linear-gradient(to bottom, #F3F5FA, #ffffff);
}

.gradient-while-dack {
	background: linear-gradient(to bottom, #ffffff, #F3F5FA);
}

.gradient-while-yellow {
	background: linear-gradient(to bottom right, #ffffff, #FEE610);
}

.gradient-yellow-black {
	background: linear-gradient(to bottom right, #F91305, #FFF000);
}

.gradient-yellow-org {
	background: linear-gradient(to bottom right, #FF6423, #FFB331);
}

/* 边框 */
.bor-blue {
	border-width: 1px;
	border-style: solid;
	border-color: #23B0FF;
	border-radius: 5rpx;
}

/* 边框 */
.bor-blue1 {
	border-width: 1px;
	border-style: solid;
	border-color: #23B0FF;
	border-radius: 50rpx;
}

.bor-red {
	border-width: 5rpx;
	border-style: solid;
	border-color: #F1F1F1;
	border-radius: 50rpx;
}

.bor-yellow {
	border-width: 1rpx;
	border-style: dashed;
	border-color: #FFD835;
}

.bor-dack {
	border-width: 1px;
	border-style: solid;
	border-color: #F8F8F8;
}

.bor-dack1 {
	border-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-color: #F1F1F1;
}

.bor-white {
	border-width: 5rpx;
	border-style: solid;
	border-color: #FFFFFF;
	border-radius: 30rpx;
}

.bor-yellow-l {
	border-width: 20rpx;
	border-style: solid;
	border-color: #F9C7C3;
	border-radius: 300rpx;
}

.bor-dack-l {
	border-width: 2rpx;
	border-style: solid;
	border-color: #969696;
	border-radius: 100rpx;
}

.bor-bottom {
	border-bottom: 1rpx solid #F8F8F8;
}

.bor-right-dark {
	border-right: 1rpx solid #F8F8F8;
}

.bor-bottom-dark {
	border-bottom: 1rpx solid #F1F1F1;
}

.bor-bottom-blue {
	border-bottom: 5rpx solid #23B0FF;
}

.bor-bottom-yellow {
	border-bottom: 5rpx solid #FEE610;
}

/* 圆角 */
.bor-r5 {
	border-radius: 5rpx;
}

.bor-r10 {
	border-radius: 10rpx;
}

.bor-r20 {
	border-radius: 20rpx;
}

.bor-r30 {
	border-radius: 30rpx;
}

.bor-r50 {
	border-radius: 50rpx;
}

.bor-r100 {
	border-radius: 100rpx;
}

.bor-r300 {
	border-radius: 300rpx;
}

.bor-r0-8 {
	border-top-right-radius: 8rpx;
	border-bottom-left-radius: 8rpx;
}
.bor-rb10 {
	border-bottom-left-radius: 10rpx;
	border-bottom-right-radius: 10rpx;
}
.bor-trl20 {
	border-top-right-radius: 20rpx;
	border-top-left-radius: 20rpx;
}

.bor-r0-15 {
	border-top-right-radius: 15rpx;
	border-bottom-left-radius: 15rpx;
}

.bor-r0-20 {
	border-top-right-radius: 20rpx;
	border-bottom-left-radius: 20rpx;
}

.bor-r0-30 {
	border-top-right-radius: 30rpx;
	border-bottom-left-radius: 30rpx;
}

/* 分割线 */
.fgx {
	height: 20rpx;
}

.position-flex-right {
	position: fixed;
	bottom: 50rpx;
	right: 50rpx;
	width: 100rpx;
	height: 100rpx;
	border-radius: 100rpx;
}

.text-r {
	text-align: right;
}

.text-l {
	text-align: left;
}

.text-c {
	text-align: center;
}

.iconfont-nvue {
	font-family: myIconfont;
}

.position-t-r-b-l {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.position-r-b-l {
	position: fixed;
	bottom: -5rpx;
	right: 0;
	left: 0;
}

.men-ban {
	position: fixed;
	bottom: 0;
	right: 0;
	left: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
}

.height-130 {
	height: 130rpx;
}

/* 抽奖 */
.CellItem {
	width: 188rpx;
	height: 188rpx;
	border-radius: 30rpx;
	margin: 5rpx;
}
.CellItemContent {
	width: 188rpx;
	height: 168rpx;
	border-radius: 30rpx;
}
.white {
	background-color: #fdf2ee;
}

.WhiteBackground {
	background-color: #f8d0c3;
}
.Yellow {
	background-color: #ffcc00;
}

.YellowBackground {
	background-color: #dd8e03;
}